<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/normalize.css">
    <title>Document</title>
</head>

<body>
    <div class="app">
        <ul>
            <li>
                <img src="./img/close.png">
            </li>
            <li>
                <img src="./img/logo.png">
            </li>
            <li>打开京东App，购物更轻松</li>
            <li>立即打开</li>
        </ul>
    </div>
    <div class="search">
        <div class="search-btn">
            <img src="./img/s-btn.png">
        </div>
        <div class="search-login">
            登录
        </div>
        <div class="search-input">
            <img src="./img/jd.png">
            <div class="line"></div>
            <div class="search-icon"></div>
        </div>
    </div>
    <div class="main-content">
        <div class="banner">
            <img src="./upload/banner1.dpg" alt="">
        </div>
        <div class="brand">
            <div>
                <a href="#">
                    <img src="./upload/img.dpg">
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="./upload/img3.dpg">
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="./upload/img2.dpg">
                </a>
            </div>
        </div>
    </div>
    <nav>
        <a href="#"><img src="./upload/10.webp"><span>PLUS会员</span></a>
        <a href="#"><img src="./upload/1.webp"><span>京东超市</span></a>
        <a href="#"><img src="./upload/2.webp"><span>数码电器</span></a>
        <a href="#"><img src="./upload/3.webp"><span>京东服饰</span></a>
        <a href="#"><img src="./upload/4.webp"><span>京东生鲜</span></a>
        <a href="#"><img src="./upload/5.webp"><span>京东到家</span></a>
        <a href="#"><img src="./upload/6.webp"><span>充值缴费</span></a>
        <a href="#"><img src="./upload/7.webp"><span>9.9元拼</span></a>
        <a href="#"><img src="./upload/8.webp"><span>领券</span></a>
        <a href="#"><img src="./upload/9.webp"><span>领金贴</span></a>
    </nav>
    <div class="two">
        <a href="#"><img src="./upload/img5.dpg" alt=""></a>
        <a href="#"><img src="./upload/img4.dpg" alt=""></a>
    </div>
    <div class="one">
        <a href="#"><img src="./upload/img6.webp" alt=""></a>
    </div>
    <div class="fadeIn">
        <a href="#"><img src="./upload/img7.dpg" alt=""></a>
    </div>
    <div class="book">
        <span>科普好书</span>
        <span>精选优秀科普好书</span>
        <a href="#"><img src="./upload/book1.dpg" alt=""></a>
        <a href="#"><img src="./upload/book2.dpg" alt=""></a>
    </div>
    <div class="book">
        <span>烘焙时光</span>
        <span>享受甜蜜的烘焙时光</span>
        <a href="#"><img src="./upload/cook1.dpg" alt=""></a>
        <a href="#"><img src="./upload/cook2.dpg" alt=""></a>
    </div>

    <div class="four">
        <span>温柔低语</span>
        <span>高品位配饰</span>
        <a href="#"><img src="./upload/four1.dpg" alt=""></a>
    </div>
    <div class="four">
        <span>学霸进阶</span>
        <span>三省我身</span>
        <a href="#"><img src="./upload/four2.dpg" alt=""></a>
    </div>
    <div class="four">
        <span>烹饪美食</span>
        <span>美好味蕾</span>
        <a href="#"><img src="./upload/four3.dpg" alt=""></a>
    </div>
    <div class="four">
        <span>实用时尚</span>
        <span>保暖鞋秀技</span>
        <a href="#"><img src="./upload/four4.dpg" alt=""></a>
    </div>
</body>

</html>